*{margin:0;padding:0;list-style: none;outline: none;}
html{width:100%;height: 100%;}
body{width:100%;min-height: 100%;background:url(../img/indexbg.jpg) no-repeat center top;background-size:cover;overflow-x: hidden;}
a{text-decoration: none;color: #fff;}
a:hover{text-decoration: none;}
p{color: #fff;}
.fl{float: left;}
.fr{float: right;}

/*动画*/
@keyframes fadein{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}
.fadeIn{animation:fadein 0.3s linear;-webkit-animation:fadein 0.3s linear;}

@keyframes fadeinDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@-webkit-keyframes fadeinDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
.fadeinDown{animation:fadeinDown 1s linear;-webkit-animation:fadeinDown 1s linear;}

@keyframes fadeinLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@-webkit-keyframes fadeinLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
.fadeinLeft{animation:fadeinLeft 2s linear;-webkit-animation:fadeinLeft 2s linear;}

/*从右移入*/
@keyframes fadeinRights{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@-webkit-keyframes fadeinRights{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
.fadeinRights{animation:fadeinRights 1s linear;-webkit-animation:fadeinRights 1s linear;}

/*从右变大移入*/
@keyframes fadeinRightsbig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}
@-webkit-keyframes fadeinRightsbig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}
.fadeinRightsbig{animation:fadeinRightsbig 2s linear;-webkit-animation:fadeinRightsbig 2s linear;}

/*旋转*/
@keyframes rotateinDownleft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}
@-webkit-keyframes rotateinDownleft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}
.rotateinDownleft{animation:rotateinDownleft 1s linear;-webkit-animation:rotateinDownleft 1s linear;}

#fullpage .header{display: none;}
.header{position:fixed;width:100%;top:0;left:0;z-index: 5;}
.header .navbar-default{background: transparent;border:0;}
.header .navbar-header .navbar-brand img{width: 100%;}
.navbar-default .navbar-nav>.active{background: transparent;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav .a_active{color: #2e74b7;}
.navbar-default .navbar-nav>li>a:hover{color: #2e74b7;}
.navbar-default .navbar-nav>.active>a{background: transparent;color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus{color: #FFF;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background: transparent;color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent;}
.navbar-default .navbar-toggle{border:none;}
@media (min-width: 896px){
    .header{font-size: 0;height: 90px;}
    .navbar-nav{float: right;}
    .header .container-fluid{width: 90%;margin: 0 auto}
    .header .navbar-header{width: 280px;height: auto;float: left;}
    .header .navbar-header .navbar-brand{height: 100%;display: flex;align-items: center;justify-content: center;}
    .navbar-default .navbar-collapse{margin-top: 15px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{float:left;width: calc(100% - 280px);height: 100%}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form .navbar-nav{width: calc(100% - 280px);height: 100%} 
    .navbar-default .navbar-form .navbar-nav li{float:left;list-style-type:none;width:100px;margin:1px;background-color:silver;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form .navbar-nav li a{font-size: 16px;} 
    .navbar-default .navbar-nav li{float: left;}
}
@media (min-width: 768px) and (max-width: 895px){
    .header{font-size: 0;height: 90px;}
    .navbar-nav{float: right;}
    .header .container-fluid{width: 90%;margin: 0 auto}
    .header .navbar-header{width: 280px;height: auto;float: left;}
    .header .navbar-header .navbar-brand{height: 100%;display: flex;align-items: center;justify-content: center;}
    .navbar-default .navbar-collapse{margin-top: 15px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{float:left;width: calc(100% - 280px);height: 100%}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form .navbar-nav{width: calc(100% - 280px);height: 100%} 
    .navbar-default .navbar-form .navbar-nav li{float:left;list-style-type:none;width:100px;margin:1px;background-color:silver;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form .navbar-nav li a{font-size: 16px;} 
    .navbar-default .navbar-nav li{float: left;}
    .nav>li>a{padding: 10px 5px}
}
@media (max-width: 767px){
    .header .container-fluid{width: 100%;}
    .header .navbar-header{width: 100%;height: auto;}
    .header .navbar-header .navbar-brand{width: 200px;}
    .navbar-toggle{margin-right: 0;}
    .navbar-default .navbar-collapse{position: absolute;top:50px;left:0;z-index:1;width:100%;margin:0;background:#ddd;overflow-x: hidden;z-index: 4444;}
}
    
/*.barrage */
.barrage{position: absolute;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 99999}
.barrage_box{padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.barrage_box .portrait img{width: 100%;height: 100%;}
.barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; }
.barrage_box div.p a:hover{text-decoration: underline;}
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(../img/close.png);}
.barrage_box:hover .close{visibility:visible;opacity: 1;}
.barrage_box .close a{display:block;}
.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage .z {float: left !important;}
.barrage  a{text-decoration:none;}
/*home*/
.index_warp{height: 100%;}
.index_warp .swiper-container{height: 100%;}
.index_alert{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;background: rgba(0,0,0,0.5);display: none;}
.index_alert .index_msg{width: 250px;height: 100px;background-color: #fff;text-align: center;position: absolute;left: 50%;top: 50%;margin-left: -125px;margin-top: -50px;border-radius: 5px;}
.index_alert .index_msg p{color: #555;font-size: 16px;line-height: 100px;}
.index_alert .close_btn{position: absolute;top: -40px;right: -40px;color: #fff;width: 40px;height: 40px;text-align: center;font-size: 20px;line-height: 40px;cursor: pointer;}
.xx_home_scend{width: 100%;height:-webkit-calc(100% - 100px);height:calc(100% - 100px);position: absolute;left: 0;bottom: 0;}
.xx_home .title{color:#fff;position: absolute;top:30%;}
.xx_home #svg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.xx_home .output_int{position:absolute;z-index:1;bottom:50px;left:50%;transform:translateX(-50%);height:40px;width:360px}
.xx_home .output_int .feiji{color:#95b7ee;font-size:3rem;margin-left:20px;cursor:pointer;height:40px;width:40px;line-height:40px;text-align:center;vertical-align:middle;margin-top:-2px}
.xx_home .output_int .shadow:after {
    position: relative;
    display: block;
    width: 1em;
    height: .5em;
    border-radius: 100%;
    content: "";
    animation: zoom 4s ease-in-out infinite alternate;
}
.xx_home .input{font-size:20px;text-align:center;font-family:helvetica,sans-serif;background:0 0;border:2px solid #95b7ee;color:#eee;height:40px;line-height:40px;width:300px}
.xx_home .offscreen-text,.text{width:100%;top:50%;transform:translateY(-50%);display:block;position:absolute;margin:0}
.xx_home .offscreen-text{text-align:center;top:-9999px}
.xx_home .text span{position:absolute}
@media(min-width: 768px){
    .xx_home .title{font-size:3rem;right:20%;}
    .xx_home.text{top:50%;}
}
@media(max-width: 767px){
    .xx_home .title{font-size:2rem;right:0;text-align: center;line-height: 50px;}
    .xx_home.text{top:55%;}
}

@keyframes zoom {
    from,
    to {
        background-color: rgba(170, 178, 189, 0.3);
        transform: scale(.6) rotate(0.01deg);
    }
    50% {
        background-color: rgba(170, 178, 189, 0.6);
        transform: scale(.8) rotate(0.01deg);
    }
}
@-webkit-keyframes zoom {
    from,
    to {
        background-color: rgba(170, 178, 189, 0.3);
        transform: scale(.6) rotate(0.01deg);
    }
    50% {
        background-color: rgba(170, 178, 189, 0.6);
        transform: scale(.8) rotate(0.01deg);
    }
}
@-webkit-keyframes flyaway {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg) scale(1);
                transform: translate(0, 0) rotate(0deg) scale(1);
    }
    5% {
        -webkit-transform: translate(15px, -2px) rotate(10deg) scale(1.2);
                transform: translate(15px, -2px) rotate(10deg) scale(1.2);
    }
    20% {
        -webkit-transform: translate(130px, -2px) rotate(-20deg) scale(1.5);
                transform: translate(130px, -2px) rotate(-20deg) scale(1.5);
    }
    40% {
        -webkit-transform: translate(280px, -40px) rotate(10deg) scale(0.8);
                transform: translate(280px, -40px) rotate(10deg) scale(0.8);
        opacity: .8;
    }
    60% {
        -webkit-transform: translate(500px, -90px) rotate(30deg) scale(0.6);
                transform: translate(500px, -90px) rotate(30deg) scale(0.6);
        opacity: .6;
    }
    80% {
        -webkit-transform: translate(700px, -140px) rotate(50deg) scale(0.2);
                transform: translate(700px, -140px) rotate(50deg) scale(0.2);
        opacity: .2;
    }
    100% {
        -webkit-transform: translate(1000px, -200px) rotate(60deg) scale(0);
                transform: translate(1000px, -200px) rotate(60deg) scale(0);
        opacity: 0;
    }
}

@keyframes flyaway {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg) scale(1);
                transform: translate(0, 0) rotate(0deg) scale(1);
    }
    5% {
        -webkit-transform: translate(15px, -2px) rotate(10deg) scale(1.2);
                transform: translate(15px, -2px) rotate(10deg) scale(1.2);
    }
    20% {
        -webkit-transform: translate(130px, -2px) rotate(-20deg) scale(1.5);
                transform: translate(130px, -2px) rotate(-20deg) scale(1.5);
    }
    40% {
        -webkit-transform: translate(280px, -40px) rotate(10deg) scale(0.8);
                transform: translate(280px, -40px) rotate(10deg) scale(0.8);
        opacity: .8;
    }
    60% {
        -webkit-transform: translate(500px, -90px) rotate(30deg) scale(0.6);
                transform: translate(500px, -90px) rotate(30deg) scale(0.6);
        opacity: .6;
    }
    80% {
        -webkit-transform: translate(700px, -140px) rotate(50deg) scale(0.2);
                transform: translate(700px, -140px) rotate(50deg) scale(0.2);
        opacity: .2;
    }
    100% {
        -webkit-transform: translate(1000px, -200px) rotate(60deg) scale(0);
                transform: translate(1000px, -200px) rotate(60deg) scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes popUp {
    0% {
        -webkit-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }

    10% {
        -webkit-transform: translate(-10px,10px) scale(1);
        transform: translate(-10px,10px) scale(1)
    }

    50% {
        -webkit-transform: translate(-15px,15px) scale(1);
        transform: translate(-15px,15px) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate(500px,-500px) scale(0);
        transform: translate(500px,-500px) scale(0);
        opacity: 0
    }
}

@keyframes popUp {
    0% {
        -webkit-transform: translate(0,0) scale(1);
        transform: translate(0,0) scale(1)
    }

    10% {
        -webkit-transform: translate(-10px,10px) scale(1);
        transform: translate(-10px,10px) scale(1)
    }

    50% {
        -webkit-transform: translate(-15px,15px) scale(1);
        transform: translate(-15px,15px) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate(500px,-500px) scale(0);
        transform: translate(500px,-500px) scale(0);
        opacity: 0
    }
}
@-webkit-keyframes linearShake {
    10%,20%,30%,40%,50%,60%,70%,80%,90%,from,to {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

@keyframes linearShake {
    10%,20%,30%,40%,50%,60%,70%,80%,90%,from,to {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}
.flyaway {
    -webkit-animation: flyaway 1s linear;
            animation: flyaway 1s linear;
}
.flyaway.popUp {
    -webkit-animation-name: popUp;
    animation-name: popUp
}
.flyaway.linearShake {
    -webkit-animation-name: linearShake;
    animation-name: linearShake
}

/*产品中心*/
.banner_box_index{padding: 0;}
.banner_box_index .main{position: relative;}
.banner_box_index .main img{text-align: center;}
.banner_con_box{width: 100%;height:100%;color: #fff;position: absolute;top:0;left:0;}
.banner_left h3{font-weight: 400px;text-shadow: -1px 1px #bcbcc3}
.banner_left span{display: block;width: 70%;border-top: 3px solid #fff;margin-top: 20px;}
.banner_right .banner_tiyanqu h3{margin-bottom: 15px;}
.banner_right .banner_tiyanqu p{line-height: 20px;}
.banner_right .banner_tiyanqu .text_main{position: relative;}
.banner_right .banner_tiyanqu .text{width: 100%;height: 100%;resize: none;background: rgba(255,255,255,0.1);outline: none;border:1px solid #4f6895;border-left:none;border-right: none;padding:10px;font-size: 16px;border-radius: 10px;}
.banner_right .banner_tiyanqu .text_proposal{position: absolute;bottom:10px;left: 20px;color: #8f93a3;}
.banner_right .banner_tiyanqu .text_btn{width: 100%;text-align: right;}
.banner_right .banner_tiyanqu button{display:inline-block;background: rgba(255,255,255,0.1);outline: none;border:1px solid #4f6895;border-left:none;border-right: none;margin-top: 20px;/*font-size: 18px;*/border-radius: 5px;}
.banner_right .banner_tiyanqu .banner_state{width: 100%;text-align: center;}
.banner_right .banner_tiyanqu .banner_state h5 i{color: #fff;padding: 30px 0 0 0 ;font-style: normal;}
.banner_right .banner_tiyanqu .banner_state h5.xiaoji i,.banner_right .banner_tiyanqu .banner_state h5.center .left{color:#60aefd;}
.banner_right .banner_tiyanqu .banner_state h5.jiji i,.banner_right .banner_tiyanqu .banner_state h5.center .right{color:#ff6b0e;}

.banner_right .banner_tiyanqu .banner_state span{display:inline-block;background: #fff;border-radius: 3px;font-size:0;}
.banner_right .banner_tiyanqu .banner_state span.active{background:#ff6b0e}
.banner_right .banner_tiyanqu .banner_state span.active .left{background:#60aefd}
.banner_right .banner_tiyanqu .banner_state span.active .right{background:#ff6b0e}
.mood i{display:inline-block;width: 100%;height:100%;}
.mood .left,.mood .right{width:50%;}
.mood.xiaoji i{background:#60aefd;}
.mood.jiji i{background:#ff6b0e;}
.mood.center .left{background:#60aefd;}
.mood.center .right{background:#ff6b0e;}

.banner_right .banner_tiyanqu .banner_state >div{display: inline-block;}
.banner_right .banner_tiyanqu .banner_state .state_color{color: #ff6b0e;}
.banner_right .banner_tiyanqu .banner_state .state_color_green{color: #60aefd;}
.banner_img{position: absolute;}
.banner_img img{width: 100%;height: 100%;}
.product .swiper-container{padding-bottom: 50px;}
.product .swiper-pagination-fraction, .product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;bottom: 0px ;left:50%;}
.product .swiper-pagination-bullet{display:inline-block;height: 5px;margin-left: 0 15px;float: left;cursor: pointer;border-radius: 3px;}
@media (min-width: 1920px){
    .banner_box_index{width: 1480px; height: 650px;margin-top: 5%;}
    .banner_box_index .main{height: 650px;}
    .banner_left{padding-top: 15%;padding-left: 50px;padding-right: 50px;}
    .banner_right .banner_tiyanqu{padding: 40px 40px 0 80px;}
    .banner_right .banner_tiyanqu h3{font-size: 30px;}
    .banner_right .banner_tiyanqu p{font-size: 18px;margin-bottom: 20px;}
    .text_con{position: relative;width: 100%;height: 240px;}
    .banner_right .banner_tiyanqu button{width: 135px;height: 50px;font-size: 18px;}
    .banner_right .banner_tiyanqu .banner_state h5{font-size: 25px;}
    .banner_right .banner_tiyanqu .banner_state span{width: 70px;height: 10px;margin: 0 6px;}
    .banner_right .banner_tiyanqu .banner_state >div{font-size: 16px;margin-top: 18px;}
    .banner_right .banner_tiyanqu .text_proposal{font-size: 18px;}
    .banner_left h3{font-size: 32px;}
    .banner_left p{font-size: 20px;margin-top: 70px;line-height: 30px;}
    .banner_img{width:30%;top: 100px;left: 250px}
    .product .swiper-pagination-fraction,.product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{margin-left: -200px;}
    .product .swiper-pagination-bullet{width: 100px;background: #2e74b7;}
    .product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}
}
@media (min-width: 1440px) and (max-width: 1919px){
    .swiper-slide{height: 520px;}
    .banner_con_box {height: 520px;}
    .banner_box_index .main{height: 520px;}
    .swiper-containe{height: 520px}
    .banner_left{padding-top: 15%;padding-left: 50px;padding-right: 50px;}
    .banner_right .banner_tiyanqu{padding: 40px 40px 0 80px;}
    .banner_right .banner_tiyanqu h3{font-size: 28px;}
    .banner_right .banner_tiyanqu p{font-size: 16px;margin-bottom: 20px;}
    .text_con{position: relative;width: 100%;height: 160px;}
    .banner_right .banner_tiyanqu button{width: 105px;height: 40px;font-size: 18px;}
    .banner_right .banner_tiyanqu .banner_state h5{font-size: 22px;}
    .banner_right .banner_tiyanqu .banner_state span{width: 42px;height: 5px;margin: 2px 6px;}
    .banner_right .banner_tiyanqu .banner_state >div{font-size: 16px;margin-top: 18px;}
    .banner_right .banner_tiyanqu .text_proposal{font-size: 14px;}
    .banner_left h3{font-size: 28px;}
    .banner_left p{font-size: 16px;margin-top: 60px;line-height: 30px;}
    .banner_img{width:30%;top: 100px;left: 250px}
    .product .swiper-pagination-fraction,.product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{margin-left: -200px;}
    .product .swiper-pagination-bullet{width: 100px;background: #2e74b7;}
    .product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}
}
@media(min-width: 1200px) and (max-width: 1439px){
    .swiper-slide{height: 480px;}
    .banner_con_box {height: 480px;}
    .banner_box_index{height:480px;margin-top: 80px;}
    .banner_box_index .main{height: 500px;}
    .banner_left{padding-top: 10%;padding-left: 50px;padding-right: 25px;}
    .banner_right .banner_tiyanqu{padding: 10px 20px 0 120px;}
    .banner_right .banner_tiyanqu h3{font-size: 28px;}
    .banner_right .banner_tiyanqu p{font-size: 16px;margin-bottom: 10px;}
    .text_con{position: relative;width: 100%;height: 240px;}
    .banner_right .banner_tiyanqu button{width: 95px;height: 35px;font-size: 18px;}
    .banner_right .banner_tiyanqu .banner_state h5{font-size: 22px;}
    .banner_right .banner_tiyanqu .banner_state span{width: 40px;height: 5px;margin: 0 6px;}
    .banner_right .banner_tiyanqu .banner_state >div{font-size: 16px;margin-top: 18px;}
    .banner_right .banner_tiyanqu .text_proposal{font-size: 16px;}
    .banner_left h3{font-size: 28px;}
    .banner_left p{font-size: 18px;margin-top: 70px;line-height: 32px;}
    .text_con{position: relative;width: 100%;height: 180px;}
    .banner_img{width:30%;top: 100px;left: 200px}
    .product .swiper-pagination-fraction, .product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{margin-left: -200px;}
    .product .swiper-pagination-bullet{width: 100;background:#2e74b7;}
    .product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}
}
@media (min-width: 768px) and (max-width: 1199px){
    .banner_box_index{height:500px;}
    .banner_box_index .main{height: 500px;}
    .banner_left{padding-top: 10%;padding-left: 50px;padding-right: 25px;}
    .banner_right .banner_tiyanqu{padding: 25px 20px 0 45px;}
    .banner_right .banner_tiyanqu h3{font-size: 24px;}
    .banner_right .banner_tiyanqu p{font-size: 16px;margin-bottom: 10px;}
    .text_con{position: relative;width: 100%;height: 240px;}
    .banner_right .banner_tiyanqu button{width: 75px;height: 30px;font-size: 16px;}
    .banner_right .banner_tiyanqu .banner_state h5{font-size: 22px;padding: 15px 0 0 0;}
    .banner_right .banner_tiyanqu .banner_state span{width: 30px;height: 3px;margin: 3px 6px;}
    .banner_right .banner_tiyanqu .banner_state >div{font-size: 16px;margin-top: 10px;}
    .banner_right .banner_tiyanqu .text_proposal{font-size: 14px;}
    .banner_left h3{font-size: 28px;}
    .banner_left p{font-size: 16px;margin-top: 70px;line-height: 32px;}
    .text_con{position: relative;width: 100%;height: 155px;}
    .banner_img{width:30%;top: 100px;left: 200px}
    .product .swiper-pagination-fraction, .product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{margin-left: -200px;}
    .product .swiper-pagination-bullet{width: 100;background:#2e74b7;}
    .product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}
}
@media (max-width: 767px){
    body{background:url(../img/indexbg.jpg) repeat center;background-size:auto;}
    .banner_box_index{height: calc(100% - 87px)}
    .banner_box_index .banner_con {width: 100%;height: calc(100% - 87px);}
    .banner_left{padding:20px 0 20px 25px;text-align: center;}
    .banner_tiyanqu{padding: 10px 10px 10px 10px }
    .banner_right{padding: 0;margin-left:14px;}
    .banner_right .banner_tiyanqu h3{font-size: 20px;}
    .banner_right .banner_tiyanqu p{font-size: 16px;padding-left: 10px;margin-bottom: 10px;}
    .text_con{position: relative;width: 100%;height: 100px;}
    .banner_right .banner_tiyanqu button{width: 70px;height: 32px;font-size: 16px;}
    .banner_right .banner_tiyanqu .banner_state{padding: 5px 0 0 0;}
    .banner_right .banner_tiyanqu .banner_state h5{font-size: 18px;padding: 0;}
    .banner_right .banner_tiyanqu .banner_state span{width: 25px;height: 5px;margin: 2px 2px;}
    .banner_right .banner_tiyanqu .banner_state >div{font-size: 16px;}
    .banner_right .banner_tiyanqu .text_proposal{font-size: 14px;}
    .banner_left h3{font-size: 20px;}
    .banner_left span{display: inline-block;}
    .banner_left p{font-size: 16px;margin-top: 20px;text-indent: 1em;text-align: left;}
    .banner_img{width:40%;top: 35px;left: 100px}
    .product .swiper-pagination-fraction, .product .swiper-pagination-custom, .product .swiper-container-horizontal > .swiper-pagination-bullets{margin-left: -150px;}
    .product .swiper-pagination-bullet{width: 50px;background: #2e74b7;}
    .product .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:20px 10px;}
}


.xixi_content{width:100%;height: 100%;}
.index_foot{position:absolute;bottom:0;left: 0;width: 100%;}
.index_line {height: 3px;background: rgba(255,255,255,0.3);}
.index_box_main{padding: 10px 10px 0;}
.index_foot_a .index_foot_a_img2{margin-left: 5px;}
.index_foot_cen p{text-align: center;}
.index_foot_cen span{display: inline-block;width: 16px;height: 15px;background: url(../img/hearticon.png) no-repeat;background-size: 100%;margin:0px 5px;}
.index_foot_more .bg{position: relative;cursor: pointer;}
.index_foot_more .bg span{display: block;;width: 100%;height: 100%;}
.index_foot_more .bg .in{background: url(../img/hero.png) no-repeat;background-size: 100%;}
.index_foot_more .bg .weibo{background: url(../img/weibo.png) no-repeat;background-size: 100%;}
.index_foot_more .bg .weixin{background: url(../img/weixin.png) no-repeat;background-size: 100%;}
.index_foot_more .bg .saoyisao{width: 150px;position: absolute;top: -193px;left: -60px;padding-bottom:10px;z-index: 11;display: none;}
.index_foot_more .watchat:hover .saoyisao{display: block;}
.index_foot_more .bg .saoyisao .saoyisao_img{width: 100%;padding: 15px;}
.index_foot_more .bg .saoyisao img{width:100%;height:100%;background-size: 100%;padding:5px;background: #fff;}
.index_foot_more .bg .saoyisao p{font-size: 12px;text-align: center;/*padding: 0 19px;*/position: relative;padding:0 10px;}
.index_foot_more .bg .saoyisao p:after{display: inline-block;content: ""; height: 0px; width: 0px;border-width:8px;border-style:solid;border-color:#ffffff24 transparent transparent transparent;position: absolute;left:45%;bottom: -16px;}
.index_foot_more .bg:hover .saoyisao{display: block;}
.index_foot_cen_herf:hover{color: #2e74b7;}
@media(min-width: 1920px){
    .index_foot_box{width: 1400px;}
    .index_foot_a img{width: 55px;margin:0 0 5px;}
    .index_foot_cen p{font-size: 14px;line-height: 25px;} 
    .index_foot_more .bg{width: 40px;height: 40px;border-radius: 20px;margin-left: 15px;}
    .index_foot_more .bg .saoyisao{width: 150px;top: -196px;left: -58px;}
    .index_foot_more .bg .saoyisao .saoyisao_img{padding: 15px;}
    .index_foot_more .bg .saoyisao:after{left:70px;bottom: -18px;}
    .index_foot_more .bg .saoyisao p{padding: 0 19px;}

}
@media(min-width: 1440px) and (max-width: 1919px){
    .index_foot_box{width: 1400px;}
    .index_foot_a img{width: 55px;margin:0 0 5px;}
    .index_foot_cen p{font-size: 14px;line-height: 25px;} 
    .index_foot_more .bg{width: 40px;height: 40px;border-radius: 20px;margin-left: 15px;}
    .index_foot_more .bg .saoyisao{width: 115px;top: -145px;left: -35px;}
    .index_foot_more .bg .saoyisao .saoyisao_img{padding: 10px 15px 5px}
    .index_foot_more .bg .saoyisao:after{left:53px;bottom: -16px;}
    .index_foot_more .bg .saoyisao p{padding: 0 10px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .index_foot_a img{width: 55px;margin:0 0 5px;}
    .index_foot_cen p{font-size: 14px;line-height: 25px;} 
    .index_foot_more .bg{width: 40px;height: 40px;border-radius: 20px;margin-left: 15px;}
    .index_foot_more .bg .saoyisao{width: 120px;top: -165px;left: -36px;}
    .index_foot_more .bg .saoyisao:after{left:53px;bottom: -16px;}
    .index_foot_more .bg .saoyisao p{padding: 0 11px;}
}
@media (min-width: 768px) and (max-width: 1199px){
    .index_foot_a img{width: 50px;}
    .index_foot_cen p{font-size: 14px;line-height: 25px;} 
    .index_foot_more .bg{width: 31px;height: 32px;border-radius: 15px;margin-left: 10px;}

}
@media (max-width: 767px){
    .index_line {height: 3px;background: rgba(255,255,255,0.3);}
    .index_foot{position:relative;bottom:0;left: 0;width: 100%;}
    .index_foot_a{display: inline-block;float: none;text-align: center;}
    .index_foot_more .bg{display: inline-block;float: none;margin-bottom: 10px;}
    .index_foot_a,.index_foot_cen,.index_foot_more{text-align: center;font-size: 12px;float: none;margin-top: 5px 0;}
    .index_foot_a img{width: 40px;margin:0 0 3px;}
    .index_foot_cen p{font-size: 12px;line-height: 12px;}
    .index_foot_more .bg{width: 32px;height: 32px;border-radius: 15px;margin-left: 15px;} 
}
    
.news_list .new_cont{position:relative;width:100%;height:193px;overflow: hidden;}
.new_cont .item_img{width: 100%;height: 100%;position:relative;}
.new_cont .item_img .img_box{width: 100%;height: 100%;}
.new_cont .item_img .img_box img{width: 100%;height:100%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.new_cont .item_img  a{width: 100%;height:100%;position:absolute;left: 0;top: 0;padding: 0 25px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.new_cont .item_img  a p{text-align: center;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden; }
.new_cont  a p{line-height: 30px;}
.new_cont .item_picimg{position:absolute;top:0;left:0;width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;opacity:0;overflow: hidden;transition:all 0.3s linear;}
.new_cont .item_picimg .img_bg{width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.new_cont .item_picimg p{padding: 20px 15px 0 15px;color: #fff;font-weight: 200;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden; }
.news_list .new_cont:hover .img_box img{transform: scale(1.2,1.2);}
.news_list .new_cont:hover .bg_p p{display: none;}
.news_list .new_cont:hover .item_picimg{opacity: 1;}
.news_list .new_cont:hover .item_picimg{text-decoration: none;}
.new_more{height:50px;text-align: center;}
.new_more a{display:inline-block;background: #03a9f45c;border-radius: 30px;line-height: 35px;text-decoration: none;margin: 0 5px;}
.new_more a:hover{background: lightblue;color: #333;}
.new_more .active{background: lightblue;color: #333;}
@media (min-width: 1920px){
    .new_item{padding: 0 5px 0 0;margin-bottom: 5px;}
    .news_list .new_cont{height: 307px;}
    .new_cont .item_img{height: 100%;}
    .new_cont .item_img  a{font-size: 18px;line-height: 35px}
    .news_list{width:1480px;margin-top: 5%;}
    .new_more{margin-top:50px;}
    .new_more a{width: 140px;height: 35px;font-size: 18px;}
    .new_cont .item_picimg p{font-size: 16px;line-height: 35px;}
}
@media (min-width: 1440px) and (max-width: 1919px){
     .new_item{padding: 0 5px 0 0;margin-bottom: 5px;}
     .news_list .new_cont{height: 240px;}
     .new_cont .item_img{height: 100%;}
     .new_cont .item_img  a{font-size: 18px;}
    .news_list{margin-top: 80px;}
     .new_more{margin-top:50px;}
    .new_more a{width: 140px;height: 35px;font-size: 18px;line-height: 35px;}
    .new_cont .item_picimg p{font-size: 16px;line-height: 35px;}

}
@media (min-width: 1200px) and (max-width: 1439px){
    .new_item{padding: 0 5px 0 0;margin-bottom: 5px;}
     .new_cont .item_img{height: 100%;}
     .new_cont .item_img  a{font-size: 18px;}
    .news_list{margin-top: 70px;}
     .new_more{margin-top:50px;}
    .new_more a{width: 140px;height: 35px;font-size: 18px;line-height: 35px;}
    .new_cont .item_picimg p{font-size: 16px;line-height: 27px;}

}
@media (min-width: 768px) and (max-width: 1199px){
    .new_item{padding: 0 5px 0 0;margin-bottom: 5px;}
     .new_cont .item_img{height: 100%;}
     .new_cont .item_img  a{font-size: 18px;}
    .news_list{margin-top:15%;}
     .new_more{margin-top:50px;}
    .new_more a{width: 140px;height: 35px;font-size: 18px;line-height: 35px;}
    .new_cont .item_picimg p{font-size: 14px;line-height: 27px;}
}
@media (max-width: 767px){
    .new_item{padding:0 56px 10px 55px;width: 95%;height: 86px;margin: 0 auto 10px;}
    .news_list{margin-top: 78px}
    .news_list .new_cont{border-radius: 5px}
     .new_cont .item_img{height: 86px;}
     .new_cont .item_img  a{font-size: 16px;}
    .news_list{padding-bottom: 5px;}
     .new_more{margin-top:15px;}
    .new_more a{width: 100px;height: 25px;font-size: 14px;line-height: 25px;}
    .new_cont .item_picimg p{font-size: 14px;line-height: 24px;}
}

.about_list .about_con{background: #1f2448;color: #fff;float: left;padding:0;}
.about_list .about_con h1{text-shadow: 0px 0px #bcbcc3;cursor: pointer;text-shadow: -1px 0px #51546a;transform-origin:left;transition: all 1s linear;-webkit-transition: all 1s linear;}
.about_list .about_con p{text-shadow: -1px 0px #51546a;cursor: pointer;}
.about_list .about_con .con_span{display: block;border-bottom: 2px solid #fff;}
.about_list .about_address{float: left;border: 1px solid #333e42;padding: 0}
.about_list .about_address .address_pic{width: 100%;overflow: hidden;}
.about_list .about_address .address_pic img{width: 100%;height: 100%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.about_list .about_address .address_pic img:hover{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}
.about_list .about_address .address_sys{width: 100%;height: 25%;}
.about_list .about_address ul{width: 75%;height: 100%;float: left;margin-bottom: 0;} 
.about_list .about_address ul li{color: #95b7ee;cursor: pointer;}
.about_list .about_address ul .con_li_01{margin-top:35px;}
.about_list .about_address .sys_img{position:relative;width: 25%;height: 100%;float: right;display:flex;align-items: center;justify-content: center;}
@media (min-width: 1920px){
    .about_list{width:1480px;height: 650px;}
    .about_list .about_con{height: 650px;}
    .about_list .about_con >div{padding:65px 30px 30px 20px;}
    .about_list .about_con h1{font-size: 40px;font-weight: 500;}
    .about_list .about_con p{font-size: 18px;line-height: 30px;}
    .about_list .about_con .con_span{width: 70%;}
    .about_list .about_con .con_index{margin-top: 45px;padding-left: 5px;font-size: 20px;}
    .about_list .about_address{height: 650px;}
    .about_list .about_address .address_pic{height: 75%;}
    .about_list .about_address ul li{font-size: 20px;margin: 15px 0 0 20px;}
    .about_list .about_address ul .con_li_01{margin-top:35px;}
    .about_list .about_address .sys_img img{width: 85px;height: 85px;background: #fff;padding: 5px}
}
@media (min-width: 1440px) and (max-width: 1919px){
    .about_list{height: 520px;}
    .about_list .about_con{height: 520px;}
    .about_list .about_con >div{padding:65px 30px 30px 20px;}
    .about_list .about_con h1{font-size: 28px;font-weight: 500;}
    .about_list .about_con p{font-size: 16px;line-height: 30px;}
    .about_list .about_con .con_span{width: 70%;}
    .about_list .about_con .con_index{margin-top: 45px;padding-left: 5px;font-size: 16px;}
    .about_list .about_address{height: 520px;}
    .about_list .about_address .address_pic{height: 75%;}
    .about_list .about_address ul li{font-size: 16px;margin: 15px 0 0 20px;}
    .about_list .about_address ul .con_li_01{margin-top:35px;}
    .about_list .about_address .sys_img img{width: 75px;height: 75px;background: #fff;padding: 5px}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .about_list{width:1170px;height: 500px;margin-top: 80px;}
    .about_list .about_con{height: 500px;}
    .about_list .about_con >div{padding: 55px 25px 20px 20px;}
    .about_list .about_con h1{font-size: 24px;font-weight: 500;}
    .about_list .about_con p{font-size: 14px;line-height: 30px;padding-left: 5px;}
    .about_list .about_con .con_span{width: 60%;}
    .about_list .about_con .con_index{margin-top: 30px;padding-left: 5px;font-size: 14px;}
    .about_list .about_address{height: 500px;}
    .about_list .about_address .address_pic{height: 75%;}
    .about_list .about_address ul li{font-size: 16px;margin: 15px 0 0 20px;}
    .about_list .about_address .sys_img img{width: 60px;height: 62px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .about_list{height: 470px;}
    .about_list .about_con{height: 500px;}
    .about_list .about_con >div{padding: 55px 25px 20px 20px;box-sizing: border-box;}
    .about_list .about_con h1{font-size: 30px;font-weight: 500;}
    .about_list .about_con p{font-size: 16px;line-height: 30px;padding-left: 5px;}
    .about_list .about_con .con_span{width: 60%;}
    .about_list .about_con .con_index{margin-top: 35px;padding-left: 5px;font-size: 16px;}
    .about_list .about_address{height: 500px;}
    .about_list .about_address .address_pic{height: 75%;}
    .about_list .about_address ul li{font-size: 12px;margin: 15px 0 0 20px;}
    .about_list .about_address ul .con_li_01{margin-top:35px;}
    .about_list .about_address .sys_img img{width: 60px;height: 62px;background: #fff;padding: 5px}
}
@media (max-width: 767px) {
    .about_list{height: 400px;margin-top: 78px;}
    .about_list .about_con{height: 100%;}
    .about_list .about_con >div{padding:0px 15px 0px 10px}
    .about_list .about_con h1{font-size: 20px;font-weight: 400;}
    .about_list .about_con p{font-size: 14px;line-height: 17px;padding-left: 5px;}
    .about_list .about_con .con_span{width: 80%;}
    .about_list .about_con .con_index{margin-top: 13px;}
    .about_list .about_address{height: 100%;}
    .about_list .about_address .address_pic{height: 190px;}
    .about_list .about_address .address_sys ul{float: none;width: 100%;text-align: center;}
    .about_list .about_address .address_sys .sys_img{float: none;width: 100%;margin: 10px 0 25px;}
    .about_list .about_address ul li{font-size: 14px;margin: 5px 0 0 10px;}
    .about_list .about_address ul .con_li_01{margin-top:15px;}
    .about_list .about_address .sys_img img{width: 50px;height: 50px;background: #fff;padding: 5px}
}

.tells_list{height: 500px;padding:0;color: #fff;}
.tells_list .tells_cn{transition: all 1s linear;}
.tells_list .tells_cn .tells_con ul li{white-space: nowrap;cursor: pointer;color: #ffffffa6;}
.tells_list .tells_put{height: 500px;}
.tells_list .tells_put .put_con h5{transform-origin: left;transition: all 1s linear;}
.tells_list .tells_put .put_con input{width: 100%;border:1px solid #607d8b;border-left: 0;border-right: 0;background:#000;border:1px solid #607d8b;border-left: 0;border-right: 0;/*margin-bottom: 75px;*/padding-left: 10px;outline: none;transition: all 0.5s linear;-webkit-transition:all 0.5s linear;}
.tells_list .tells_put .put_con .ipt_sub{margin: 0 25%;padding: 0;}
.tells_list .tells_put .put_con .ipt_message{width: 100%;background: #000;border:1px solid #607d8b;border-left: 0;border-right: 0;resize:none;/*margin-bottom: 50px;*/padding:10px 0px 0px 10px;outline: none;font-size: 16px;}
.tell_line {height: 1px;border-bottom:1px solid #fff;}
.tell_foot{padding: 10px 10px 0;}
@media (min-width: 1920px) {
    .tells_list{width:1480px;margin-top: -100px;}
    .tells_list .tells_cn{height: 500px;}
    .tells_list .tells_cn .tells_con ul{margin-top: 15px;}
    .tells_list .tells_cn .tells_con ul li{line-height: 35px;font-size: 18px;}
    .tells_list .tells_put .put_con h5{font-size: 28px;margin-bottom: 20px;}
    .tells_list .tells_cn .tells_con{width: 75%;margin: 0 auto 110px;}
    .tells_list .tells_cn .tells_con h5{font-size: 28px;}
    .tells_list .tells_put .put_con{width:75%;margin:0 auto; }
    .tells_list .tells_put .put_con input{height: 50px;font-size: 16px;margin-bottom: 100px;}
    .tells_list .tells_put .put_con .ipt_sub{height: 50px;width: 50%;}
    .tells_list .tells_put .put_con .ipt_message{height: 125px;margin-bottom: 50px;}
}
@media(min-width: 1440px) and (max-width: 1919px){
    .tells_list .tells_cn{height: 500px;}
    .tells_list .tells_cn .tells_con{width: 75%;margin: 0 auto 85px;}
    .tells_list .tells_cn .tells_con ul{margin-top: 20px;}
    .tells_list .tells_cn .tells_con ul li{line-height: 30px;font-size: 16px;}
    .tells_list .tells_put .put_con h5{font-size: 20px;margin-bottom: 20px;}
    .tells_list .tells_cn .tells_con h5{font-size: 20px;}
    .tells_list .tells_put .put_con{width:75%;margin:0 auto; }
    .tells_list .tells_put .put_con input{height: 45px;font-size: 16px;margin-bottom: 58px;}
    .tells_list .tells_put .put_con .ipt_sub{height: 50px;width: 50%;}
    .tells_list .tells_put .put_con .ipt_message{height: 95px;margin-bottom: 50px;}

} 
@media (min-width: 1200px) and (max-width: 1439px){
    .tells_list{margin-top: 30px;}
    .tells_list .tells_cn{height: 500px;}
    .tells_list .tells_cn .tells_con ul{margin-top: 20px;}
    .tells_list .tells_cn .tells_con ul li{line-height: 30px;font-size: 14px;}
    .tells_list .tells_put .put_con h5{font-size: 18px;margin-bottom: 10px;}
    .tells_list .tells_cn .tells_con{width: 75%;margin: 0 auto 50px;}
    .tells_list .tells_cn .tells_con h5{font-size: 18px;}
    .tells_list .tells_put .put_con{width:75%;margin:0 auto; }
    .tells_list .tells_put .put_con input{height: 40px;font-size: 16px;margin-bottom: 50px;}
    .tells_list .tells_put .put_con .ipt_sub{height: 50px;width: 50%;}
    .tells_list .tells_put .put_con .ipt_message{height: 84px;margin-bottom: 28px;}
}
@media (min-width: 768px) and (max-width: 1199px){
    .tells_list .tells_cn{height: 500px;}
    .tells_list .tells_cn .tells_con ul{margin-top: 5px;}
    .tells_list .tells_cn .tells_con ul li{line-height: 30px;font-size: 14px;}
    .tells_list .tells_put .put_con h5{font-size: 24px;margin-bottom: 20px;}
    .tells_list .tells_cn .tells_con{width: 75%;margin: 0 auto 65px;}
    .tells_list .tells_cn .tells_con h5{font-size: 24px;}
    .tells_list .tells_put .put_con{width:75%;margin:0 auto; }
    .tells_list .tells_put .put_con input{height: 50px;font-size: 16px;margin-bottom: 75px;}
    .tells_list .tells_put .put_con .ipt_sub{height: 50px;width: 50%;}
    .tells_list .tells_put .put_con .ipt_message{height: 100px;margin-bottom: 50px;}
}
@media (max-width:768px) {
    body{background:url(../img/indexbg.jpg) repeat center;background-size:auto;}
    .tells_list .tells_put{height:auto;}
    .tells_list .tells_cn{padding: 0 10px 0 32px }
    .tells_list .tells_cn .tells_con ul{padding-left: 30px;}
    .tells_list .tells_cn .tells_con{width: 90%;margin-top: 10px;border-bottom: 1px dashed #fff;}
    .tells_list .tells_cn .tells_con h5{font-size: 16px;}
    .tells_list .tells_cn .tells_con ul li{padding-left: 30px;color: #ffffff94;font-size: 14px;line-height: 18px; }
    .tells_list .tells_put .put_con{width: 90%;margin:10px auto 0px;}
    .tells_list .tells_put .put_con h5{font-size: 16px;}
    .tells_list .tells_put .put_con input{height: 35px;padding:0 10px;font-size: 14px;margin-bottom: 5px;}
    .tells_list .tells_put .put_con .ipt_sub{display:block;width: 50%;height: 50px;margin-bottom: 20px;}
    .tells_list .tells_put .put_con .ipt_message{height: 100px;margin-bottom: 5px;}
}
@keyframes tellsing{
    0%{transform: translateY(200px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.tells_list .tell_con_01{animation: tellsing 1s both 0s ease-out;}
.tells_list .tell_con_02{animation: tellsing 1s both 0.5s ease-out;}
.tells_list .tell_con_03{animation: tellsing 1s both 1s ease-out;}
.tells_list .tell_con_04{animation: title 1s both 2s ease-out;}

.shouye_h3{position: absolute;left: 50%;top: 35%;width: 50%;height: 20px;}
.shouye_h3 h3{font-size: 40px;color: #fff;letter-spacing: 8px;}


.news_xiangqing{height:100%;width:100%;color: #fff;padding-top:90px;overflow:hidden;}
.scroll-content{width:100%;height: 100%;overflow:hidden;}
.xiangqing{width: 100%;margin-bottom: 70px;}
.xiangqing h3{cursor: pointer;}
.xiangqing p{color: #ddd;text-indent: 2em;}
.xiangqing .xiangqing_p{font-size: 12px;}
.xiangqing .xiangqing_img{width: 100%;margin:45px 0;}
.xiangqing .xiangqing_img img{width: 100%;}
.xiangqing_line{margin:65px 0 0 0;border;height: 1px;border-bottom:2px solid #50627a;}
@media (min-width: 768px){
    .xiangqing h3{font-size: 28px;line-height: 50px;}
    .xiangqing p{font-size: 16px;line-height: 30px;}
    .xiangqing .xiangqing_p{font-size: 14px;}

}
@media (max-width: 767px){
    .xiangqing h3{font-size: 16px;line-height: 30px;}
    .xiangqing p{font-size: 14px;line-height: 25px;}
    .xiangqing .xiangqing_p{font-size: 12px;}
}

/*全部新闻*/
.new_genre .new_title{width: 100%;height: 70px;margin-top: 90px;}
.new_genre .new_title .new_tab li{height:100%;float: left;position: relative;}
.new_genre .new_title .new_tab li a{margin: 0 10px;line-height: 70px;padding: 5px 0;}
.new_genre .new_title .new_tab .tab_active a{color: #3179bf;border-bottom:2px solid #3179bf;}
.new_genre .new_title .new_tab .tab_active a:after{content: "";display: inline-block;border-width: 8px;border-style: solid;border-color:#3179bf transparent transparent transparent;position: absolute;left: 8px;bottom: 3px;}
.new_genre .new_title .new_tab li a:hover{color: #3179bf;border-bottom:2px solid #3179bf;}
.new_genre .new_title .new_tab li a:hover:after{content: "";display: inline-block;border-width: 8px;border-style: solid;border-color:#3179bf transparent transparent transparent;position: absolute;left: 8px;bottom: 3px;}
.new_genre .new_content{width: 100%;height: 100%;}
.new_genre .news_list{background: rgba(49,121,191,0.5);border-radius: 10px;margin-top: 35px;}
.new_genre .news_style{background: #04beab;} 
.new_genre .news_list .list_left{transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.new_genre .news_list .list_left img{width: 100%;}
.new_genre .news_list .list_right h3{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;}
.new_genre .news_list .list_right p{text-indent: 2em;color: #ffffffa3;margin-top: 10px;transition: all 0.4s linear 0.2s;-webkit-transition: all 0.4s linear 0.2s;}
.new_genre .news_list .list_right span{display: inline-block;font-size: 14px;color: #ffffffa3;transition: all 0.4s linear 0.4s;-webkit-transition: all 0.4s linear 0.4s;}}
.new_genre .new_num{width: 100%;height: 50px;}
.new_genre .new_num .num_box{height: 100%;margin: 0 auto;}
.new_genre .new_num .num_box li{width: 25px;height: 25px;border-radius: 25px;background: #fff;float: left;text-align: center;line-height: 25px;/*margin: 49px 10px;font-size: 18px*/}
.new_genre .new_num .num_box .num_omit{line-height: 18px;font-weight: bold;}
.new_genre .new_num .num_box .num_bgcolor{background: #04beab;color: #fff;}
.new_last_floot{width: 100%;position: relative;}
.new_genre .news_list:hover{box-shadow: 3px 3px 1px #2196f399;}
.new_genre .news_list:hover .list_left{background: #fff;}
.new_genre .news_list:hover .list_right h3{transform: translate(40px);-webkit-transform: translate(40px);color: #ffffffa3;}
.new_genre .news_list:hover .list_right p{transform: translate(5px);-webkit-transform: translate(5px);}
.new_genre .news_list:hover .list_right span{transform: translate(5px);-webkit-transform: translate(5px);}
@media (min-width: 1300px){
    .new_genre .news_list{overflow: hidden;height: 245px;width: 100%;}
    .new_genre .new_title .new_tab li a{font-size: 18px;}
    .new_genre .news_list .list_left{width: 30%;float: left;margin-top: 20px;padding: 20px}
    .new_genre .news_list .list_right{width: 70%;float: left;color: #fff;}
    .new_genre .news_list .list_right h3{font-size: 28px;margin-top: 50px;white-space:nowrap;overflow: hidden;}
    .new_genre .news_list .list_right p{font-size: 16px;line-height: 25px;}
    .new_genre .news_list .list_right span{margin-top: 10px;}
    .new_genre .new_num .num_box{width: 500px;}
    .new_genre .new_num .num_box li{width: 25px;height: 25px;border-radius: 25px;margin: 49px 10px;font-size: 18px}
    .new_last_floot{margin-top: 150px;}
}
@media (min-width: 768px) and (max-width: 1299px){
    .new_genre .news_list{overflow: hidden;height: 245px;width: 100%;}
    .new_genre .new_title .new_tab li a{font-size: 18px;}
    .new_genre .news_list .list_left{width: 30%;float: left;margin-top: 30px;padding: 20px}
    .new_genre .news_list .list_right{width: 70%;float: left;color: #fff;padding: 0 10px;}
    .new_genre .news_list .list_right h3{font-size: 22px;margin-top: 50px;white-space:nowrap;overflow: hidden;}
    .new_genre .news_list .list_right p{font-size: 16px;line-height: 25px;}
    .new_genre .new_num .num_box{width: 500px;}
    .new_genre .new_num .num_box li{width: 25px;height: 25px;border-radius: 25px;margin: 49px 10px;font-size: 18px}
    .new_last_floot{margin-top: 150px;}
}
@media (max-width: 767px){
    .new_genre .news_list{width: 85%;margin:0 auto 10px;}
    .new_genre .new_title .new_tab li a{font-size: 16px;}
    .new_genre .news_list .list_left{width: 85%;margin: 0 auto;padding: 20px}
    .new_genre .news_list .list_right{width: 95%;color: #fff;margin: 0 auto;padding: 5px;}
    .new_genre .news_list .list_right h3{font-size: 18px;text-align: center;line-height: 35px;}
    .new_genre .news_list .list_right p{font-size: 14px;line-height: 24px;}
    .new_genre .news_list .list_right span{margin-top: 10px;}
    .new_genre .new_num .num_box{width: 310px;}
    .new_genre .new_num .num_box li{width: 22px;height: 22px;border-radius: 22px;margin: 10px 3px;font-size: 16px}
    .new_last_floot{margin-top: 40px;}
}





















